let dangqianBtn=0
let shuju
let glstr,globj,glnum
let qxstr,qxobj,qxnum
let newAdmin=JSON.parse(getData('newAdmin'))

//角色渲染
function showJuese(){
    $('#juese').html('')
    if(newAdmin[0].id=='1'){
        newAdmin.splice(0,1)
    }
    newAdmin.forEach((item,index)=>{
        $('#juese').append(`
        <button data-item=${JSON.stringify(item)} onclick='showCheck(this,${index})'>${item.name}</button>
        `)
    })
    $('#juese').append(`
    <button onclick="shuaxin()">刷新</button>
    `)
    showCheck($('#juese>button')[dangqianBtn],dangqianBtn)
}

//渲染权限页面
function showCheck(content,num){
    shuju=JSON.parse($(content).attr('data-item'))
    
    $('#juese>button:not(:last-child)').css({
        backgroundColor:'#FFFFFF',
        color:'black'
    })
    $(content).css({
        backgroundColor:'#5CB85C',
        color:'white'
    })
    $('#guanli>div:first-child').html('')
    $('#guanli>div:last-child').html('')
    $('#guanli>div>div>div:last-child').html('')
    JSON.parse(getData('manager')).forEach((item,index)=>{
        if(index<7){
            $('#guanli>div:first-child').append(`
            <div class="row guanli_item">
                <div class='row'>
                    <label><input type="checkbox">${item.name}</label>
                </div>
                <div class="row">
                </div>
            </div>
            `)
        }else{
            $('#guanli>div:last-child').append(`
            <div class="row guanli_item">
                <div class='row'>
                    <label><input type="checkbox">${item.name}</label>
                </div>
                <div class="row">
                </div>
            </div>
            `)
        }
    })
    JSON.parse(getData('limit')).forEach(item1=>{
        $('#guanli>div>div>div:last-child').append(`
        <div class="col-md-3">
            <label><input type="checkbox" disabled>${item1.name}</label>
        </div>
        `)
    })
    xuanran(shuju)
    dangqianBtn=num
    
}

//根据管理员对应的权限改变复选框的状态
function xuanran(data){
    if(data.guanli!=undefined){
        data.guanli.forEach(i=>{
            if(i.name==$('.guanli_item>div>label').eq(i.id-1).text()){
                $('.guanli_item>div>label').eq(i.id-1).children().prop('checked',true)
                $('.guanli_item>div>label').eq(i.id-1).parent().next().children().children().children().removeAttr('disabled')
                if(i.quanxian!=''){
                    i.quanxian.forEach(x=>{
                        if(x.name==$('.guanli_item>div>label').eq(i.id-1).parent().next().children().children().eq(x.id-1).text()){
                            $('.guanli_item>div>label').eq(i.id-1).parent().next().children().children().eq(x.id-1).children().prop('checked',true)
                        }
                    })
                }
            }
        })
    }
}

//设置权限
function choose(){
    $('#guanli').on('click','.guanli_item>div>label',function(){
        if($(this).children().prop('checked')){
            $(this).parent().next().children().children().children().removeAttr('disabled')
            return
        }
        $(this).parent().next().children().children().children().removeAttr('checked')
        $(this).parent().next().children().children().children().attr('disabled','disabled')
    })

    //全选
    $('#all').click(function(){
        if($(this).children().prop('checked')){
            $(this).parent().prev().children().children().prop('checked',true)
            $('.guanli_item>div>div>label>input').prop('disabled',false)
            $('.guanli_item input').prop('checked',true)
            return
        }
        $(this).parent().prev().children().children().prop('checked',false)
        $('.guanli_item>div>div>label>input').prop('disabled',true)
        $('.guanli_item input').prop('checked',false)
    })
}

//刷新
function shuaxin(){
    $('#all').children().prop('checked',false)
    $('#all').parent().prev().children().children().prop('checked',false)
    showCheck($('#juese>button')[dangqianBtn],dangqianBtn)
}

//保存
function baocun(){ 
    $('.shouhang').append(`
    <div class="modal fade" id="baocun" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header" id='baocuntitle'>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">提示</h4>
                </div>
                <div class="modal-body" id='baocunitem'>
                    <h4>是否保存？</h4>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary" data-dismiss="modal" onclick='queding()'>确定</button>
                </div>
            </div>
        </div>
    </div>
    `)
    $('#baocuntitle').css({
        textAlign:'center',
        color:'black'
    })
    $('#baocunitem').css({
        color:'black'
    })
  
}

//点击确定保存成功
function queding(){
    shuju.guanli=[]
    for(let i=0;i<$('.guanli_item>div>label').length;i++){
        //找到被选择的管理的名字
        if($('.guanli_item>div>label').eq(i).children().prop('checked')){
            glstr=$('.guanli_item>div>label').eq(i).text()
            //根据名字找到对应id
            JSON.parse(getData('manager')).forEach(item=>{
                if(item.name==glstr){
                    glnum=item.id
                }
            })
            //新添加一个对象给该管理员
            globj={id: glnum,name: glstr}
            shuju.guanli.push(globj)

            //给该管理员添加权限
            for(let x=0;x<$('.guanli_item>div>label').eq(i).parent().next().children().children().children().length;x++){
                if($('.guanli_item>div>label').eq(i).parent().next().children().children().children().eq(x).prop('checked')){
                    qxstr=$('.guanli_item>div>label').eq(i).parent().next().children().children().eq(x).text()
                    JSON.parse(getData('limit')).forEach(b=>{
                        if(b.name==qxstr){
                            qxnum=b.id
                        }
                    })
                    qxobj={id: qxnum,name: qxstr}
                    if(globj.quanxian==undefined){
                        globj.quanxian=[qxobj]
                    }else{
                        globj.quanxian.push(qxobj)
                    }
                }
            }

        }
    }
    newAdmin.forEach((d,index)=>{
        if(d.tel_number==shuju.tel_number){
            newAdmin.splice(index,1,shuju)
        }
    })
    setData('newAdmin',JSON.stringify(newAdmin))
    showJuese()
    alert('保存成功!!')
}